<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{$goods_info['goods_name']}</title>
    {php echo register_jssdk(false);}
    <link href="<?php echo MODULE_URL;?>template/mobile/shop/css/shop-item.min.css?v20150923" rel="stylesheet">
    <link href="<?php echo MODULE_URL;?>template/mobile/shop/css/swiper.min.css" rel="stylesheet">
    <style type="text/css">
		#pro_sel{margin:3px 10px 0;border:1px solid #ddd;height:35px;width:210px;
			border-radius:0px;
			-webkit-appearance:button;
			background:url("<?php echo MODULE_URL;?>template/mobile/shop/images/sel.png") no-repeat 190px center #eee;
			background-size: 13px;
			padding-right:20px;
		}
    </style>
</head>
<body>

<div class="viewport">
    <div class="tabs tabs-icon-top">
    <a href="<?php echo $this->createMobileUrl('mall')?>" class="tab-item">
        <i class="icon tab-icon icon-ic_shop_active tab_active"></i>
        义卖商城
    </a>
    <a href="<?php echo $this->createMobileUrl('me')?>" class="tab-item">
        <i class="icon tab-icon icon-ic_user_acount"></i>
        我
    </a>
</div>
    
    <div class="floor">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide "><img class="full-image " src="{$_W['attachurl']}{$goods_info['goods_pic']}"></div>   
            </div>
        </div>

        <div class="item-info-title-box">
            <a href="#detail" class="item-name-price-box text-style-caption">
                <div class="item-detail-info-box">
                    <span class="text-style-caption item-name-info  ">{$goods_info['goods_name']}</span>
                    <span class="text-style-price  item-price-info">￥<span id="item_price">{$goods_info['goods_price']}</span></span>
                    <span class="item-original-price-info">￥<span id="original_price"></span></span>

                    <span class="temai-desc-info" id="itemSkuStock" style="display:none"></span>

                    <div class="temai-remain-time-box temai-desc-info" style="display:none">
                        <span class="dark-red-text-color" id="timeLeft"></span>
                    </div>
                </div>
                <i class="icon-ic_chevron_right item-title-line-height"></i>
            </a>
            <p class="border-bottom"></p>
             <p class="text-style-description">需要帮助？立即<a class="consulting-service" href="#service">在线交流</a>。</p>
        </div>
    </div>

    <div class="floor specification ">
        
        <div class="specifications-param-box tags-box clearfix">
            <div class="left-side">
                <label class="item-label" tag="055">捐助对象</label>
            </div>
            <div class="right-side">
            	<select name="pro_id" id="pro_sel">
            	{loop $pros $p}
            		<option value="{$p[pro_id]}"><?php echo mb_substr($p['pro_name'],0,11,'utf-8')?>...</option>
            	{/loop}
            	</select>
            </div>
        </div>

        <div class="specifications-param-box clearfix" id="skuNum">
            <div class="left-side">
                <span class="item-label number">数量</span>
            </div>
            <div class="right-side">
                <div class="num_wrap">
                    <button class="minus_plus minus minus_disabled" id="minus" ptag=""></button>
                    <input class="num" id="buyNum" type="tel" value="1">
                    <button class="minus_plus plus" id="plus" ptag=""></button>
                </div>
            </div>
        </div>

    </div>
  
    <div class="floor" id="detail" name="detail">
        <div style="width:100%;height:45px;background-color:white;">
            <div id="freeze-panel" class="item-freeze-panel" >
                <a class="tab-item active">
                    图文详情
                </a>
                <a class="tab-item">
                    规格参数
                </a>
                <a class="tab-item">
                    义卖说明
                </a>
            </div>
        </div>

        <div  class="tab-item-desc">
             <span class="tab-item-content" id="itemDetailHtml">
             	<?php echo html_entity_decode($goods_info['goods_intro']);?>
            </span>
            
            <span class="tab-item-content" id="itemPropertyHtml">
            	<?php echo html_entity_decode($goods_info['goods_param']);?>
            </span>
            
            <span class="tab-item-content" id="itemPackageHtml">
            	<?php echo html_entity_decode($goods_info['goods_say']);?>
            </span>
        </div>

    </div>
    <a name="service">
    <div class="floor service-in-wechat" >
    <div class="service-title-box">
        <i class="icon-ic_call_center"></i>
        <span class="text-style-caption title">义卖商城微信客服  </span>
    </div>

    <div class="erweima-box" >
        <img src="{$_W['attachurl']}{$mall_set['code_pic']}" class="full-image erweima-img" alt="二维码"/>
        <span class="">长按识别二维码直接呼叫客服</span>
    </div>


</div>
    </a>
    
    <div style="height: 120px"></div>

</div>


    <div class="sku_tip" id="skuNotice" style="display:none">
        <span id="skuTitle2"></span>
    </div>

    <div class="btn_wrap_fixed" style="margin-bottom: 50px;">
        <a style="cursor:pointer" class="btn-dark btn-buy-now" id="btn-buy-now">立即购买</a>
    </div>


<script language="javascript">
    var opt = {
        buyLimit :  "",
        itemId : '',
        specialSku : '',
    };
</script>
<script type="text/javascript" src="<?php echo MODULE_URL;?>template/mobile/js/jquery-1.11.1.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="<?php echo MODULE_URL;?>template/mobile/shop/js/fastclick.min.js" charset="UTF-8"></script>
<script language="javascript" src="<?php echo MODULE_URL;?>template/mobile/shop/js/tocca.min.js"></script>
<script data-main="<?php echo MODULE_URL;?>template/mobile/shop/js/shop_item_v201512082237.min" src="<?php echo MODULE_URL;?>template/mobile/shop/js/require.js"></script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=50537340" charset="UTF-8"></script>
<script type="text/javascript">
	$("#btn-buy-now").click(function(){ 
		var pro_id = $("#pro_sel").val();
		var buyNum = $("#buyNum").val();
		window.location.href="<?php echo $this->createMobileUrl('confirm', array('goods_id'=>$goods_info['goods_id']));?>&pro_id="+pro_id+"&buynum="+buyNum;
		
	});
	$(function() {
	    FastClick.attach(document.body);
	});
</script>

<script type="text/javascript">
    initShare();
    function initShare(){
        wx.ready(function () {
            sharedata = {
                title: "只要在义卖商城购买{$goods_info['goods_name']}就可以支持公益项目",
                desc: "社会需要爱心，购买{$goods_info['goods_name']}，以义卖的方式支持公益",
                link: window.location.href,
                imgUrl: "{$_W['attachurl']}{$goods_info['goods_pic']}",
                success: function(){

                },
                cancel: function(){
                    //alert("分享失败，可能是网络问题，一会儿再试试？");
                }
            };
            wx.onMenuShareAppMessage(sharedata);
            wx.onMenuShareTimeline(sharedata);
        });
    }
</script>
</body>
</html>
